<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>first vue</title>
</head>
<body>
<div id="vue">
    <span v-for="info in infos">
        {{info.type}}<br/>
        {{info.content.image}}<br/>
    </span>

</div>

<!--导入vue.js-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
<script src="../../resources/js/vue.min.js"></script>
<!--<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<script src="../../resources/js/axios.js"></script>
<script>
  let vm = new Vue({
      el:"#vue",
      data(){
          return{
              infos:[
                  {
                      type:null,
                      key:null,
                      updateTime:null,
                      content:{
                          image:null
                      }
                  },
              ]
          }

      },
      mounted() {
        axios.get('http://rap2api.taobao.org/app/mock/23080/resources/search').then(data => {
            this.infos=data.data.sources;
            console.log(data.data)
        });
      }
  })

</script>
</body>
</html>